<template>
    <div class="list-3MWVc_0">
        <router-link to="/user/userlist">
            <span class="link-2V06E_0">员工名册</span>
        </router-link>

        <router-link to="/user/aaa">
            <span class="link-2V06E_0" @click="qiehuan">统计分析</span>
        </router-link>

        <router-link to="/user/bbb">
            <span class="link-2V06E_0">人事设置</span>
        </router-link>
    </div>
</template>

<script>
    export default {
        name: "Tabbar",

        methods: {
            qiehuan: function () {

            }
        }
    }
</script>

<style scoped>
    .list-3MWVc_0 {
        text-align: center;
        border-bottom: 1px solid #e9eaec;
        position: relative;
    }

    .list-3MWVc_0 .active {
        color: #0bb27a;
        border-bottom: 2px solid #0bb27a;
    }

    .list-3MWVc_0 .more-2Z_WY_0 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        right: 32px;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .list-3MWVc_0 .more-2Z_WY_0 a {
        font-size: 12px;
        margin-left: 8px;
    }

    .link-2V06E_0 {
        font-size: 14px;
        margin: 0 20px;
        color: #495060;
        line-height: 50px;
        height: 50px;
        cursor: pointer;
        display: inline-block;
    }

    @media (min-width: 1600px) {
        .link-2V06E_0 {
            font-size: 16px;
        }
    }
</style>
